МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ "ЛЬВІВСЬКА ПОЛІТЕХНІКА" ІНСТИТУТ ПІСЛЯДИПЛОМНОЇ ОСВІТИ КАФЕДРА ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ / ЗВІТ ДО ЛАБОРАТОРНОЇ РОБОТИ №3 на тему: "Опрацювання мовою Java Script елементів форм HTML зворотнього зв'язку"  Мета: Оволодіти засобами керування формами, внесення інформації для сервера на динамічній web-сторінці. КОРОТКІ ТЕОРЕТИЧНІ ВІДОМОСТІ 1.1. Дані та елементи форм Використання Internet-форм забезпечує активну участь відвідувача у роботі сайту. Заповнивши форму, користувач може підписатися на додаткову інформацію, покритикувати сайт та ін. Крім того, за допомогою деяких елементів HTML-форм можна розширювати можливості web-сторінок. За допомогою форми користувачу пропонується представити деяку інформацію, вибравши один варіант з декількох або просто ввівши текст. Після заповнення форми представлена користувачем інформація передається на сервер, де невеликий сценарій сортує її, поповнюючи базу даних. Після завершення цієї операції користувач отримує підтвердження про прийом даних. Форми починаються та завершуються тегами <FORM>…</FORM>. Між ними вкладено теги <INPUT> та <SELECT>, які створюють елементи форми. Тепер опишемо атрибути тега <FORM>. Їх є сім. Атрибути, якими ви будете користуватись, визначають функціональні можливості форм. NAME=”” – При найменуванні форм необхідно пам’ятати наступне: не використовувати пропуски, спеціальні символи, службові слова, які застосовуються у мовах створення сценаріїв. ACTION=”” – Задається адреса написаного на мові Perl CGI-сценарія, якому форма буде передавати дані. METHOD=”” – Може приймати значення Get або Post. При застосуванні методу Get інформація, отримана формою, відправляється за URL, що вказана в атрибуті ACTION. Даний метод використовується більшістю броузерами по замовчуванню. Однак при застосуванні цього методу діє обмеження на кількість символів, що передаються. Крім того, сам метод не захищений від несанкціонованого доступу. Метод Post відправляє інформацію, що міститься у формі, в тілі повідомлення, причому ніяких обмежень на кількість даних, що передаються, нема. Те, який з вказаних методів використовувати, залежить від CGI або web-програми, яка опрацьовує дані форми. TARGET=”” – Застосовується для визначення фрейма або вікна, в якому повинен завантажуватись переведений формою документ. Можна вибрати одну з визначених службових цілей (_blank, _parent, _self або _top (див. про фрейми)) або ввести ідентифікатор (ім’я) потрібного фрейма або вікна. ENCTYPE=”” – Визначає тип та формат файлу, що відправляється формою. Формат даних для методів Get або Post встановлюється по замовчуванню. Однак, щоб „витиснути” з форми усе можливе, і значення деколи доводиться змінювати. ACCEPT=””. ACCEPT-CHARSET=””. Виконання роботи: Вправа 1. Створення форм. 1. Створимо новий документ. / 2. Переключимось в режим Code and Design / 3. Виберемо категорію Forms панелі Objects і натиснемо на кнопку Insert Form. Після цього в документ буде вставлено форму, яка відображатиметься у вікні перегляду у вигляді червоної пунктирної рамки. / 4. В Property Inspector натиснемо на поле вводу тексту, розміщеним під словами Form Name і введемо ім’я форми. Наприклад, custInfo і натиснемо Enter. / 5. Надамо формі атрибут ACTION. Встановимо метод форми, виберемо в полі списку Method пункт Post. / 6. Вставимо у форму текстове поле вводу, та присвоїмо імя новому тегу. Дане текстове поле призначається для імені користувача, тому його логічно назвати Name. / 7. Встановимо розміри поля та максимальну довжину тексту в полі. Ширина поля задається в символах, та вкажемо текст, який буде відображатись у полі до тих пір, поки користувач не введе свою інформацію. / 8. Повторимо кроки 3-7 для створення полів вводу прізвища (IName) та адреси електронної пошти (eMail). 9. Створимо поле вводу пароля. У вікні Property Inspector встановимо в атрибуті TYPE значення Password. Дамо полю ім’я Pasword. / 11. Розмістимо поруч з полем вводу напис, що пояснює...